
//去除input自动填充的背景
input{
  filter: none !important;
  &:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 30px #fff inset;
  }
}
//上传图片组件显示方式，
.upload-img{
  .el-upload-list__item,.el-upload--picture-card{ width:95px; height: 95px;line-height:1;}
  .el-progress-circle,.el-progress--circle{ width: 80px !important; height: 80px !important;}
  ul,li{ line-height: 1;}
  li{margin: 0 10px 0 0;}
  .el-upload-list__item{background: #eee}
  div.el-upload.el-upload--picture-card{
    i.el-icon-upload{ position:relative; top:50%; transform:translateY(-50%)}
  }
  .def-row{ position: relative; width: 100%; height: 100%; }
  .def-row img{ display: block; width: 100%; height: 100%; object-fit: cover; }
  .def-row .btn{ display: none; position: absolute;width: 100%; height: 100%;top: 0;left: 0;color: #fff;text-align: center;font-size: 24px;line-height: 94px; background: rgba(0,0,0,0.75); z-index: 9; }
  .def-row:hover .btn{ display:block;}
  .def-row .btn span{ cursor: pointer;}

  &.readonly{
    .el-upload.el-upload--picture-card{ display: none;}
  }
}
.upload-file{
  &.readonly{
    .el-upload.el-upload--text{ display: none;}
  }
}
.el-upload-list__item {
  transition: none !important;
}
//默认铺满
.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:auto;height:auto;margin:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width: 150%;max-height: 150%;min-width: 100%;min-height: 100%;}
//缩放
.contain-img .el-upload-list__item-thumbnail{max-width: 100%;max-height: 100%;}
//拉伸，拉伸不需要设置任何class
.el-image__placeholder{background: none}

//消息
.el-message{min-width: 240px;
  .el-message.is-closable .el-message__content {
    padding-right: 24px;
  }
}
//全局单行小型loading
.line-loading{
  .el-loading-spinner .circular{ width: 28px; height: 28px}
  .el-loading-spinner{margin-top: -14px}
}

//全局菜单图标
[class *='vab-layout-']{
  .menu-icon-left{width: 22px; height: 22px;font-size: 20px; overflow: hidden;line-height: 22px;vertical-align: middle;}
  .menu-icon-column{width: 30px; height: 30px !important;font-size: 24px;margin: auto;}
  .default{}
  [class *='menu-icon-'].active{display: none}
  .is-active,.el-menu-item:hover,.menu-icon-column:hover{
    >div.default{ display: none}
    >div.active{ display: inline-block}
  }
  .el-tabs__item.is-left.is-active{
    [class *='menu-icon-'].default{ display: none}
    [class *='menu-icon-'].active{ display: inline-block}
  }
}

.clear{width: 100%; clear: both; display: block}
